/*
	@Author: 于辉
	@Time: 2010-10
	@Tittle: main
	@Description: 主页面
*/
var $, tab, dataStr, layer;
var vue = new Vue({
	el:"#mainInfo",
	data:{
		userInfo:{
			avatarUrl:'',
			userName:""
		},
		menuList:{}
	}
})
layui.config({
	base: "../../js/"
}).extend({
	"bodyTab": "bodyTab"
})
layui.use(['bodyTab', 'form', 'element', 'layer', 'jquery'], function() {

	var form = layui.form,
		element = layui.element;
	$ = layui.$;
	layer = parent.layer === undefined ? layui.layer : top.layer;
	tab = layui.bodyTab({
		openTabNum: "50", //最大可打开窗口数量
	});
	getUserInfo();
	getMenuData();
	ChangeMenu();
	
	//隐藏左侧导航
	$(".hideMenu").click(function() {
		if($(".topLevelMenus li.layui-this a").data("url")) {
			layer.msg("此栏目状态下左侧菜单不可展开"); //主要为了避免左侧显示的内容与顶部菜单不匹配
			return false;
		}
		$(".layui-layout-admin").toggleClass("showMenu");
		//渲染顶部窗口
		tab.tabMove();
	})


	//手机设备的简单适配
	$('.site-tree-mobile').on('click', function() {
		$('body').addClass('site-mobile');
	});
	$('.site-mobile-shade').on('click', function() {
		$('body').removeClass('site-mobile');
	});

	// 添加新窗口
	$("body").on("click", ".layui-nav .layui-nav-item a:not('.mobileTopLevelMenus .layui-nav-item a')", function() {
		//如果不存在子级
		console.log($(this).siblings().length)
		if($(this).siblings().length == 0) {
			addTab($(this));
			$('body').removeClass('site-mobile'); //移动端点击菜单关闭菜单层
		}
		$(this).parent("li").siblings().removeClass("layui-nav-itemed");
	})

	//清除缓存
	$(".clearCache").click(function() {

		window.sessionStorage.clear();
		window.localStorage.clear();
		var index = layer.msg('清除缓存中，请稍候', {
			icon: 16,
			time: false,
			shade: 0.8
		});
		setTimeout(function() {
			layer.close(index);
			layer.msg("缓存清除成功！");
		}, 1000);
	})

	//刷新后还原打开的窗口
	if(cacheStr == "true") {
		if(window.sessionStorage.getItem("menu") != null) {
			menu = JSON.parse(window.sessionStorage.getItem("menu"));
			curmenu = window.sessionStorage.getItem("curmenu");
			var openTitle = '';
			for(var i = 0; i < menu.length; i++) {
				openTitle = '';
				if(menu[i].icon) {
					if(menu[i].icon.split("-")[0] == 'icon') {
						openTitle += '<i class="seraph ' + menu[i].icon + '"></i>';
					} else {
						openTitle += '<i class="layui-icon">' + menu[i].icon + '</i>';
					}
				}
				openTitle += '<cite>' + menu[i].title + '</cite>';
				openTitle += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + menu[i].layId + '">&#x1006;</i>';
				element.tabAdd("bodyTab", {
					title: openTitle,
					content: "<iframe src='" + menu[i].href + "' data-id='" + menu[i].layId + "'></frame>",
					id: menu[i].layId
				})
				//定位到刷新前的窗口
				if(curmenu != "undefined") {
					if(curmenu == '' || curmenu == "null") { //定位到后台首页
						element.tabChange("bodyTab", '');
					} else if(JSON.parse(curmenu).title == menu[i].title) { //定位到刷新前的页面
						element.tabChange("bodyTab", menu[i].layId);
					}
				} else {
					element.tabChange("bodyTab", menu[menu.length - 1].layId);
				}
			}
			//渲染顶部窗口
			tab.tabMove();
		}
	} else {
		window.sessionStorage.removeItem("menu");
		window.sessionStorage.removeItem("curmenu");
	}
	//退出
	$(".signOut").click(function(){
		ajaxSetting({
			url:getServerPath("LOGOUT"),
			type:"get",
			success:function(){
				window.location.href="/page/system/login.html";
			}
		})
	})
})

//打开新窗口
function addTab(_this) {
	tab.tabAdd(_this);
}

//捐赠弹窗
function donation() {
	layer.tab({
		area: ['260px', '367px'],
		tab: [{
			title: "微信",
			content: "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/wechat.jpg'></div>"
		}, {
			title: "支付宝",
			content: "<div style='padding:30px;overflow:hidden;background:#d2d0d0;'><img src='images/alipay.jpg'></div>"
		}]
	})
}

//图片管理弹窗
function showImg() {
	$.getJSON('json/images.json', function(json) {
		var res = json;
		layer.photos({
			photos: res,
			anim: 5
		});
	});
}

function getUserInfo() {
	
	ajaxSetting({
		url: getServerPath("GETUSERINFO"),
		type: 'get',
		success: function(res) {
			console.log(res);
			vue.userInfo.avatarUrl = res.data.avatarUrl;
			vue.userInfo.userName = res.data.nickName;
			setSettings("userName",res.data.nickName)
			
		}
	})
}

/*
 * 获取菜单列表
 * */
function getMenuData() {
	ajaxSetting({
		url: getServerPath("GETUSERMENUS"),
		data:{system:0},
		type:'get',
		success: function(res) {
			vue.menuList = res.data;
		}
	})
}

var ChangeMenu = function () {
    // 添加新窗口
    $("body").on("click", "#navBar .layui-nav-item a", function () {
        //如果不存在子级
        $(this).parent("li").siblings().removeClass("layui-nav-itemed");
        if ($(this).siblings().length == 0) {
            $("#navBar li").removeClass("layui-this");
            $("#navBar dd").removeClass("layui-this");
            $(this).parent().addClass("layui-this");
            tab.tabAdd($(this));
        } else {
            $(this).parent("li").addClass("layui-nav-itemed");
        }
        
    })
}

//更新用户昵称
 function changeCurrentInfo(nickName){

    vue.userInfo.userName = nickName;
    setSettings("userName",nickName)
}
//更新用户头像
function changeAvatarUrl(avatarUrl){
    vue.userInfo.avatarUrl = avatarUrl;
}